<style type="text/css">
.social-box > li {
    display: inline-block;
    padding: 0 5px;
}
.mr-top-1 {
    margin-top: -20px;
}
.mr-top-2 {
    margin-top: -38px;
}
.width-lg {
    width: 50%;
}
.mr-btn {
    margin-bottom: 172px;
}
</style>
<div class="row">
    <h1 class="col-md text-center"> <?php echo $this->lang->line('title_login_page');?></h1>
    <div class="col-md-6">
        <h3><?php echo $this->lang->line('new_member')?></h3>
        <p class="mr-btn"><?php echo $this->lang->line('description_for_new_member');?></p>
        <a href="users/register" class="col-md-3 btn btn-primary"><?php echo $this->lang->line('text_register');?> </a><br />
        <div class="text-center mr-top-1">  
            <label><?php echo $this->lang->line('text_other_account');?></label>          
            <ul class="social-box">
                <li><a href="javascript:FBLogin();"><img src="<?php echo IMAGES_PATH; ?>/l-fb.gif" /></a></li>
                <li><a href="users/social/openid/1"><img src="<?php echo IMAGES_PATH; ?>/l-gg.gif" /></a></li>
                <li><a href="users/social/openid/2"><img src="<?php echo IMAGES_PATH; ?>/yahoo.png" /></a></li>
            </ul>
        </div>
    </div>
    <div class="col-md-6">
         <h3><?php echo $this->lang->line('old_member');?></h3>
         <form id="form-login" method="post" action="users">
            <div class="form-group">
                <label class="control-label" for="username"><?php echo $this->lang->line('text_field_username');?></label>
                <div class="col-md">
                    <input id="username" name="username" placeholder="<?php echo $this->lang->line('text_field_username');?>" class="form-control input-md width-lg" type="text" />
                </div>
            </div>
            <div class="form-group">
                <label class="control-label" for="password"><?php echo $this->lang->line('text_password');?></label>
                <div class="col-md">
                    <input id="password" name="password" placeholder="<?php echo $this->lang->line('text_password');?>" class="form-control input-md width-lg" type="password" />
                </div>
            </div>
            <div class="checkbox">
                <label for="checkboxes-1"><input name="remember_me" id="remember_me" value="1" type="checkbox" />Ghi Nhớ Mật Khẩu ? </label>
            </div>
            <a href="" class="link no-padding"><?php echo $this->lang->line('text_forget_password');?></a><br /><br />
            <input type="submit" value="<?php echo $this->lang->line('text_login');?>" class="btn btn-primary" /><br />
            <div class="text-center mr-top-2">
                <label><?php echo $this->lang->line('text_other_account');?></label>
                <ul class="social-box">
                    <li><a href="javascript:FBLogin();"><img src="<?php echo IMAGES_PATH; ?>/l-fb.gif" /></a></li>
                    <li><a href="users/social/openid/1"><img src="<?php echo IMAGES_PATH; ?>/l-gg.gif" /></a></li>
                    <li><a href="users/social/openid/2"><img src="<?php echo IMAGES_PATH; ?>/yahoo.png" /></a></li>
                </ul>
            </div> 
        </form>                       
    </div>        
</div>
            